﻿<div class="content-wrap research-governance">
    <div ng-include="'Views/Research/Common/ResearchMenu.html'"></div>
    <div class="content">
        <div class="content-pad">
            <div class="title-section">
                <div sustainalytics-company-research></div>
                <div style="position: absolute; right: 145px; z-index: 99; {{governanceProfile.company.isCoverageEntity ? 'top: 114px;' : 'top: 0;'}}">
                    <input type="button"
                           ng-click="governanceProfile.DownloadGovernancePDF(governanceProfile.companyGovernanceProfile.fileId, governanceProfile.companyGovernanceProfile.fileName, 'report')"
                           value="Download Full Company Report"
                           class="btn-green {{!governanceProfile.DownloadGovernanceFileEnabled(governanceProfile.companyGovernanceProfile.fileId, governanceProfile.companyGovernanceProfile.fileName) && 'disabled' || ''}}"
                           ng-disabled="!governanceProfile.DownloadGovernanceFileEnabled(governanceProfile.companyGovernanceProfile.fileId, governanceProfile.companyGovernanceProfile.fileName)"
                           style="min-width: 230px; width: 230px; margin-top: 0;" />
                </div>
            </div>

            <div class="clear">&nbsp;</div><br />

            <div ng-if="!governanceProfile.noClaims && !governanceProfile.notFoundMessage && governanceProfile.company.corporateGovernanceResearchState === 2 ">
                <div class="tabs-users-2">
                    <ul>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': governanceProfile.viewName == governanceProfile.getViewNames().Summary }" ng-click="governanceProfile.changeView(governanceProfile.getViewNames().Summary)">Corporate Governance Summary</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': governanceProfile.viewName == governanceProfile.getViewNames().Issues }" ng-click="governanceProfile.changeView(governanceProfile.getViewNames().Issues)">Corporate Governance Issues</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': governanceProfile.viewName == governanceProfile.getViewNames().Indicators }" ng-click="governanceProfile.changeView(governanceProfile.getViewNames().Indicators)">Corporate Governance Indicators</a>
                        </li>
                    </ul>
                    <div class="clear"></div>                    
                </div>
                <div ng-include="governanceProfile.viewName"></div>
            </div>
            <div class="clear"></div>
            <br />
            
            <div  class="gray-bg-top" ng-show="governanceProfile.notFoundMessage !== null && governanceProfile.notFoundMessage !== ''">
                <span class="title-black-bold">{{governanceProfile.notFoundMessage}}</span>
            </div>
            <div  class="gray-bg-top" ng-show="governanceProfile.noClaims == true">
                <span class="title-black-bold">You do not have access to Governance research for this company.</span>
            </div>
        </div>

        <div class="clear">&nbsp;</div>
    </div>
</div>